@<template>
  <div class='goods' >
        <goods-list-item v-for="(item, index) in goodsList" :key="index" :goodsItem='item'  >
           
        </goods-list-item>         
  </div>
</template>

<script>
import GoodsListItem from './GoodsListItem.vue'
export default {
    props: {
        goodsList: {
            type: Array,
            default(){
                return []
            }
        },
       
    },
    

    components: {
        GoodsListItem,
    },
    created(){
      
    },
 
    computed: {
        
    }

}
</script>

<style>
.goods {
    
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-around;
    font-size: 14px; 
}
.goods div:nth-child(odd){
    padding: 3px 1px 3px 3px;
}
.goods div:nth-child(even){
    padding: 3px 3px 3px 0;
}


</style>